<template>
	<view class="nodeItem">
		<view class="left">
			<view class="name">笔记一号</view>
			<view class="time">2019-10-11 12:20</view>
		</view>
		<view class="right">
			<image src="/static/image/logo.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
			}
		},
		props: {
		},
		methods:{
		},
		filters: {

		}
	}
</script>

<style scoped>
	/* 笔记 */
	.nodeItem {
		width: 100%;
		height: 120upx;
		border-radius:8upx;
		background-color: #FFFFFF;
		display: flex;
		padding: 20upx 30upx;
		box-sizing: border-box;
	}
	.nodeItem .left {
		display: flex;
		flex-direction: column;
		width: 80%;
		font-size: 24upx;
		color: #999999;
	}
	.nodeItem .left .name {
		font-size: 32upx;
		color: #333333;
		line-height: 1.2;
	}
	.nodeItem .right {
		width: 20%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nodeItem .right image {
		display: block;
		width: 84upx;
		height: 84upx;
	}
	
</style>
